<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%
	if (session.getAttribute("username")!=null) {
            response.sendRedirect("index.jsp");
	}else{
%>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>BINDER - REGISTER</title>
		<link rel="stylesheet" type="text/css" href="css/style2.css" title="style2" />
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript" src="js/ajreg.js"></script>
	</head>
	<body onload="validateReg();">
		<div id="wrapper">
			<div id="header"><%@ include file="header.jsp" %></div>
			<div id="main">
				<div id="konten">
					<div class="atas-register">
					</div>
					<div class="tengah">
						<div class="judul">
							Register
						</div>
						<div class="isi">
							<form action="proreg.jsp" method="post" enctype="multipart/form-data">
								<div class="register-label btg-mrh" id="btg">*) wajib diisi</div>
								<div class="clear"></div>
								<div class="register-label">Username <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="text" name="username" id="form-username" onblur="valLive(1,this,'error-username')" /></div>
								<div class="clear btg-mrh" id="error-username"></div>
								<div class="register-label">Password <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="password" name="password" id="form-password" /></div>
								<div class="clear btg-mrh" id="error-password"></div>
								<div class="register-label">Confirm password <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="password" name="cpass" id="form-cpass"/></div>
								<div class="clear btg-mrh" id="error-cpass"></div>
								<div class="register-label">Nama lengkap <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="text" name="nama" id="form-nama" /></div>
								<div class="clear btg-mrh" id="error-nama"></div>
								<div class="register-label">Tanggal lahir <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="text" name="tgl" id="form-tgl" /></div><div id="caldad"><div id="calendar"></div><a href="javascript:showcal(1,2012);void(0);"><img src="images/cal.gif" alt="Calendar" /></a></div>
								<div class="clear btg-mrh" id="error-tgl"></div>
								<div class="register-label">Email <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="text" name="email" id="form-email" onblur="valLive(2,this,'error-email')" /></div>
								<div class="clear btg-mrh" id="error-email"></div>
								<div class="register-label">Avatar <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input class="register-input-input" type="file" name="avatar" id="form-avatar" /></div>
								<div class="clear btg-mrh" id="error-avatar"></div>
								<div class="register-label">Jenis kelamin <span class="btg-mrh">*</span></div><div class="register-td">:</div><div class="register-input"><input type="radio" name="sex" value="male" id="form-male" /> Male <input type="radio" name="sex" value="female" id="form-female" onclick="validate()" /> Female</div>
								<div class="clear btg-mrh" id="error-sex"></div>
								<div class="register-label">About me</div><div class="register-td">:</div><div class="register-input"><textarea class="register-input-input" name="about" id="form-about" rows="5" cols="50"></textarea></div>
								<div class="clear btg-mrh"></div>
								<div class="register-submit"><input type="submit" name="register" value="Register !" id="form-button" /></div>
							</form>
						</div>
					</div>
					<div class="bawah-register">
					</div>
				</div>
				<div id="sidebar"><%@ include file="sidebar.jsp" %></div>
			</div>
			<div id="footer"><%@ include file="footer.jsp" %></div>
		</div>
	</body>
</html>
<% } %>